<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>帮助页面</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<link href="../../css/mui.css" rel="stylesheet"/>
	<link href="../../css/mui.min.css" rel="stylesheet"/>
	<link href="../../css/app.css" rel="stylesheet"/>
	<style type="text/css">
		hr {
			height:1px;border:0;
			border-top:1px solid #F0F0F0;
		}
	</style>
</head>
<body>
	<!-- 头部TITLE -->
	<!-- <header class="mui-bar mui-bar-nav mui-bar-transparent"> -->
	<header class="mui-bar mui-bar-nav">
		<span class="mui-icon mui-icon-back" 
			onclick="jumpToMy()"></span>
		<h1 class="mui-title">使用说明</h1>
	</header>
	<!-- 头部TITLE -->
	
	<!-- 主体部分 -->
	<div style="height: 45px;"></div>
	<!-- <div class="app-help-list"> -->
		<!-- 首页说明 -->
<!-- 		<div class="app-help-title">首页菜单描述</div>
		<div class="app-help-box">
			底部菜单中，左边的首页菜单：
			<br>
			1）首页面的视频，源自于网上，里面很多效果可以定制成视频；
			<br>
			2）页面向上滑动，或者向下滑动，可以刷新页面，获取最新的视频；
			<br>
			3）页面右侧有心、收藏2个操作，点击可以获取奖励；
			<br><br>
			<img src="../../imgs/icon.png" maxwidth="100%">
		</div>
		<hr> -->
		<!-- 库说明 -->
<!-- 		<div class="app-help-title">库菜单描述</div>
		<div class="app-help-box">
			底部菜单中，中间的库菜单：
			<br>
			1）库页面的视频，属于当前APP平台制作的特效视频；
			<br>
			2）页面向上滑动，或者向下滑动，可以刷新页面，获取最新的视频；
			<br>
			3）页面右侧有心、收藏、加入创作3个操作，点击可以获取奖励；
			<br>
			4）其中的第3个，加号图标属于加入创作功能，点击可以将视频加入到创单【即等待创作视频列表】；
			<br>
			2）创单视频里面的图片、文字、视频等内容，可以替换成用户自己的,这个过程是属于创板【即创作的面板】，然后去申请渲染，渲染完成的视频，属于用户自己的作品【在我的作品里面出现】；
			<br><br>
			<img src="../../imgs/icon.png" maxwidth="100%">
		</div>
		<hr> -->
		<!-- 我的说明 -->
<!-- 		<div class="app-help-title">我的菜单描述</div>
		<div class="app-help-box">
			我的菜单里面，是一些APP设置，包含：
			<br>
			1）用户参与过的点赞、收藏、创单、创板、作品等；
			<br>
			2）以及设置菜里面的用户账号编辑、APP版本、缓存等；
			<br>
			3）还包含用户对APP的建议、用户使用说明；
			<br><br>
			<img src="../../imgs/icon.png" maxwidth="100%">
		</div>
		<hr> -->
		<!-- 关于金币 -->
<!-- 		<div class="app-help-title">关于金币</div>
		<div class="app-help-box">
			视频特效交易，需要金币，金币来源：
			<br>
			1）点赞、收藏、加入创单、签到，都可以赢得金币奖励；
			<br>
			2）视频特效渲染，需要消耗数量不等的金币；
			<br><br>
			<img src="../../imgs/icon.png" maxwidth="100%">
		</div>
		<hr> -->
		<!-- 技术支持 -->
<!-- 		<div class="app-help-title">技术支持</div>
		<div class="app-help-box">
			1）本APP的主要作用，是视频定制，而且免费、或者低成本，低到人傻眼；
			<br>
			2）视频制作可能涉及：PR、AE、MAYA、C4D、MAX、PS等一系列图形化处理软件；
			<br>
			3）本APP的用户端、服务器端，有九哥提供支持；
			<br>
			4）本APP的视频处理，由九哥提供支持；
			<br><br>
			<img src="../../imgs/icon.png" maxwidth="100%">
			5）九哥QQ支持：946493655，添加请注明是V生活；
		</div> -->
	<!-- </div> -->
	<ul class="mui-table-view" id="refresh"></ul>
	<div style="height: 60px;"></div>
	<!-- 主体部分 -->
	
	<!-- 底部菜单 -->
	<nav class="mui-bar mui-bar-tab">
		<a class="mui-tab-item" onclick="jumpToIndex()">
			<span class="mui-icon mui-icon-home"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item" onclick="jumpToMarket()">
			<span class="mui-icon mui-icon-download"></span>
			<span class="mui-tab-label">库</span>
		</a>
		<a class="mui-tab-item" onclick="jumpToReward()">
			<span class="mui-icon mui-icon-spinner-cycle"></span>
			<span class="mui-tab-label">奖励</span>
		</a>
		<a class="mui-tab-item mui-active" onclick="jumpToMy()">
			<span class="mui-icon mui-icon-contact"></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</nav>
	<!-- 底部菜单 -->
</body>
</html>

<script src="../../js/mui.js"></script>
<script src="../../js/app.js"></script>
<script src="../../js/views/view.js"></script>
<script type="text/javascript">
	// mui.init()
	//自动加载
	mui.plusReady(function () {
		(function($, owner) {
			getHelps();
		}(mui, window.app = {}));
	});
	// 获取帮助内容
	function getHelps(){
		var lists = [
			// 首页说明
			{
				"title":"首页菜单描述",
				"details":[
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"底部菜单中，左边的首页菜单："
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"1）首页面的视频，源自于网上，里面很多效果可以定制成视频；"
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"2）页面向上滑动，或者向下滑动，可以刷新页面，获取最新的视频；"
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"3）页面右侧有心、收藏2个操作，点击可以获取奖励；"
					// },
					// {
					// 	"type":"2", //1文字，2图片，3视频，
					// 	"detail":"../../imgs/icon.png"
					}
				]
			},
			// 库说明
			{
				"title":"库菜单描述",
				"details":[
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"底部菜单中，中间的库菜单："
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"1）库页面的视频，属于当前APP平台制作的特效视频；"
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"2）页面向上滑动，或者向下滑动，可以刷新页面，获取最新的视频；"
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"3）页面右侧有心、收藏、加入创作3个操作，点击可以获取奖励；"
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"4）其中的第3个，加号图标属于加入创作功能，点击可以将视频加入到创单【即等待创作视频列表】；"
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"5）创单视频里面的图片、文字、视频等内容，可以替换成用户自己的,这个过程是属于创板【即创作的面板】，然后去申请渲染，渲染完成的视频，属于用户自己的作品【在我的作品里面出现】；"
					// },
					// {
					// 	"type":"2", //1文字，2图片，3视频，
					// 	"detail":"../../imgs/icon.png"
					}
				]
			},
			// 我的说明
			{
				"title":"我的菜单描述",
				"details":[
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"我的菜单里面，是一些APP设置，包含："
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"1）用户参与过的点赞、收藏、创单、创板、作品等；"
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"2）以及设置菜里面的用户账号编辑、APP版本、缓存等；"
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"3）还包含用户对APP的建议、用户使用说明；"
					// },
					// {
					// 	"type":"2", //1文字，2图片，3视频，
					// 	"detail":"../../imgs/icon.png"
					}
				]
			},
			// 金币说明
			{
				"title":"关于金币",
				"details":[
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"视频特效交易，需要金币，金币来源："
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"1）点赞、收藏、加入创单、签到，都可以赢得金币奖励；"
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"2）视频特效渲染，需要消耗数量不等的金币；"
					// },
					// {
					// 	"type":"2", //1文字，2图片，3视频，
					// 	"detail":"../../imgs/icon.png"
					}
				]
			},
			// 技术支持
			{
				"title":"技术支持",
				"details":[
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"1）本APP的主要作用，是视频定制，而且免费、或者低成本，低到人傻眼；"
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"2）视频制作可能涉及：PR、AE、MAYA、C4D、MAX、PS等一系列图形化处理软件；"
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"3）本APP的用户端、服务器端，有九哥提供支持；"
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"4）本APP的视频处理，由九哥提供支持；"
					},
					{
						"type":"1", //1文字，2图片，3视频，
						"detail":"5）九哥QQ支持：946493655，添加请注明是V生活；"
					// },
					// {
					// 	"type":"2", //1文字，2图片，3视频，
					// 	"detail":"../../imgs/icon.png"
					}
				]
			}
		];
		var i, h = '';
		for (i=0;i<lists.length;i++) {
			// h += '<li class="mui-table-view-cell mui-collapse">';
			h += '<li class="mui-table-view-cell">';
			h += '<a class="mui-navigate-right" style="background:#E0E0E0;">';
			h += '<span><b>'+lists[i].title+'</b></span>';
			// h += '<span class="app-list-right">0</span>';
			h += '</a>';
			h += '<hr>';
			h += '<div class="mui-collapse-content">';
			if (lists[i].details.length!=0) {
				var subs = lists[i].details;
				for (var i2=0;i2<subs.length;i2++) {
					h += '<p>';
					if (subs[i2].type==1) {
						h += subs[i2].detail;
					} else if (subs[i2].type==2) {
						h += '<br><img src="'+subs[i2].detail+'" maxwidth="100%">';
					} else {
						h += 'XXX';
					}
					h += '</p>';
				}
			}
			h += '</div>';
			h += '</li>';
			// h += '<hr>';
		}
		mui("#refresh")[0].innerHTML = h;
	}
</script>